<!--Author: W3layouts
   Author URL: http://w3layouts.com
   License: Creative Commons Attribution 3.0 Unported
   License URL: http://creativecommons.org/licenses/by/3.0/
   -->
<!DOCTYPE HTML>
<html lang="zxx">
   <head>
      <title>Item Order Form Responsive Widget Template :: w3layouts</title>
      <!-- Meta tag Keywords -->
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta charset="UTF-8" />
      <meta name="keywords" content="Item Order Form Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements"
         />
      <script>
         addEventListener("load", function () {
         	setTimeout(hideURLbar, 0);
         }, false);
         
         function hideURLbar() {
         	window.scrollTo(0, 1);
         }
      </script>
      <!-- Meta tag Keywords -->
      <!-- css files -->
      <link rel="stylesheet" href="../static/css/style.css" type="text/css" media="all" />
      <!-- Style-CSS -->
      <!-- Font-Awesome-Icons-CSS -->
      <!-- //css files -->
      <!-- web-fonts -->
      <link href="//fonts.googleapis.com/css?family=Ubuntu:400,500" rel="stylesheet">
      <!-- //web-fonts -->
   </head>
   <body>
      <!-- title -->
      <h1 class="header-w3ls">检查提交表</h1>
      <!-- //title -->
      <!-- content -->
      <div class="porduct-order-agile">
         <form action="http://localhost:5000/record/{{inspector_id}}" method="post">
            <div class="form-left-to-w3l">
                  <p>班级</p>
                  <select class="form-control buttom" name="cls">
                      {% for cls in classes %}
                        <option>{{ cls }}</option>
                      {% endfor %}
<!--                     <option value="1">2020级大数据1班</option>-->
<!--                     <option value="2">2020级大数据2班</option>-->
<!--                     <option value="3">2020级无人机1班</option>-->
<!--                     <option value="4">2020级无人机2班</option>-->
<!--                     <option value="5">2020级人工智能1班</option>-->
<!--                     <option value="6">2020级人工智能2班</option>-->
<!--                     <option value="7">2020级网络1班</option>-->
<!--                     <option value="8">2020级网络2班</option>-->
                  </select>
               </div>
            <div class="form-group">
<!--               <p>检察员姓名</p>-->
<!--               <input type="text" 检察员姓名="检察员姓名" placeholder="Alice Willson" required="">-->
            </div>
            <div class="form-group">
<!--               <p>Email </p>-->
<!--               <input type="email" placeholder="example@mail.com" required="">-->
            </div>
            <div class="form-group">
<!--               <p>Phone</p>-->
<!--               <input type="text" name="Phone" placeholder="123456789" required="">-->
            </div>
            <div class="main">
               <div class="form-left-to-w3l">
<!--                  <p>Address</p>-->
<!--                  <input type="text" name="address" placeholder="" required="">-->
               </div>
               <div class="form-left-to-w3l">
<!--                  <p>Street Address</p>-->
<!--                  <input type="text" name="address" placeholder="" required="">-->
               </div>
            </div>
            <div class="main">
               <div class="form-left-to-w3l">
<!--                  <p>City</p>-->
<!--                  <input type="text" name="city" placeholder="" required="">-->
                  <div class="clear"></div>
               </div>
               <div class="form-left-to-w3l">
<!--                  <p>State</p>-->
<!--                  <input type="text" name="state" placeholder="" required="">-->
                  <div class="clear"></div>
               </div>
            </div>
            <div class="main">
               <div class="form-left-to-w3l">
<!--                  <p>Pin Code</p>-->
<!--                  <input type="text" name="Pin code" placeholder="Pin Code" required="">-->
                  <div class="clear"></div>
               </div>
               <div class="form-left-to-w3l">
<!--                  <p>Select Country</p>-->
<!--                  <select class="form-control buttom">-->
<!--                     <option value="">Canada</option>-->
<!--                     <option value="category2">Oman</option>-->
<!--                     <option value="category1">Australia</option>-->
<!--                     <option value="category3">America</option>-->
<!--                     <option value="category3">London</option>-->
<!--                     <option value="category3">Goa</option>-->
<!--                     <option value="category3">Canada</option>-->
<!--                     <option value="category3">Srilanka</option>-->
                  </select>
               </div>
            </div>
            <div class="order-list">
               <p>教室</p>
               <div class="main">
                  <div class="form-order">
                     <p>黑板</p>
                     <input type="number" name="blackboard" value=0 oninput="if(value>100)value=100;if(value<0)value=0">
                  </div>
                  <div class="form-order">
                     <p>纸屑</p>
                     <input type="number" name="Paper" value=0 oninput="if(value>100)value=100;if(value<0)value=0">
                  </div>
                  <div class="form-order">
                     <p>其他</p>
                     <input type="text" name="other" >
                  </div>
               </div>
            </div>
            <div class="order-list">
               <p>宿舍量化</p>
               <div class="main">
                  <div class="form-order">
                     <p>床铺</p>
                     <input type="number" name="bed" value="0" oninput="if(value>100)value=100;if(value<0)value=0">
                  </div>
                  <div class="form-order">
                     <p>衣物叠放</p>
                     <input type="number" name="clothes" value="0" oninput="if(value>100)value=100;if(value<0)value=0">
                  </div>
                  <div class="form-order">
                     <p>其他</p>
                     <input type="text" name="other1" >
                  </div>
               </div>
            </div>
            <div class="order-list">
               <p>个人量化</p>
               <div class="main">
                  <div class="form-order">
                     <p>指甲</p>
                     <input type="number" name="nail"value="0" oninput="if(value>100)value=100;if(value<0)value=0">
                  </div>
                  <div class="form-order">
                     <p>头发</p>
                     <input type="number" name="hair" value="0" oninput="if(value>100)value=100;if(value<0)value=0">
                  </div>
                  <div class="form-order">
                     <p>其他</p>
                     <input type="text" name="other2">
                  </div>
               </div>
            </div>
            <div class="order-list">
               <p>楼值量化</p>
               <div class="main">
                  <div class="form-order">
                     <p>地面</p>
                     <input type="number" name="ground" value="0" oninput="if(value>100)value=100;if(value<0)value=0">
                  </div>
                  <div class="form-order">
                     <p>垃圾桶</p>
                     <input type="number" name="trash" value="0" oninput="if(value>100)value=100;if(value<0)value=0">
                  </div>
                  <div class="form-order">
                     <p>其他</p>
                     <input type="text" name="other3">
                  </div>
               </div>
            </div>
            <div class="order-list">
               <p>课堂量化</p>
               <div class="main">
                  <div class="form-order">
                     <p>上课打闹</p>
                     <input type="number" name="fight" value="0" oninput="if(value>100)value=100;if(value<0)value=0">
                  </div>
                  <div class="form-order">
                     <p>玩手机</p>
                     <input type="number" name="phone" value="0" oninput="if(value>100)value=100;if(value<0)value=0">
                  </div>
                  <div class="form-order">
                     <p>其他</p>
                     <input type="text" name="other4">
                  </div>
               </div>
            </div>
            <button type="submit" class="btn btn-primary">Submit</button>
         </form>
      </div>
   </body>
</html>